<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
    <div class="ribbon">
        <a href=""><span class="home fa fa-home"></span></a>
        <ol class="breadcrumb">
            <li>总账报表</li>
        </ol>
    </div>

    <div class="table-wrapper table-bordered" style="height: 500px">
        <div class="toolbar">
            <form role="form">
                <div class="inline-group">
                    <label class="input"><input type="text" class="form-control input-sm" placeholder="订单号"> </label>
                    <button type="submit" class="btn btn-sm btn-primary"><i class="fa fa-search"></i> 搜索 </button>
                    <button type="button" class="btn btn-sm btn-success pull-right" onclick="showNotification()"><i class="fa fa-plus"></i> 报表打印 </button>
                </div>
            </form>
        </div>
        <table class="table table-striped table-hover props table-sm table-bordered table-condensed">
            <thead>
            <tr>
                <th width="5%">序号</th>
                <th width="15%">日期</th>
                <th width="10%">订单号</th>
                <th width="25%">摘要</th>
                <th width="10%">支出</th>
                <th width="10%">收入</th>
                <th width="10%">账户余额</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td class="message">1</td>
                <td class="message">2017-08-21</td>
                <td class="message">20170821001</td>
                <td class="message">采购100个煤气瓶</td>
                <td class="message">5000.00</td>
                <td class="message">0.00</td>
                <td class="message">1000000.00</td>
            </tr>
            <tr>
                <td class="message">2</td>
                <td class="message">2017-08-22</td>
                <td class="message">20170822001</td>
                <td class="message">采购1500公斤液化气</td>
                <td class="message">150000.00</td>
                <td class="message">0.00</td>
                <td class="message">850000.00</td>
            </tr>
            <tr>
                <td class="message">3</td>
                <td class="message">2017-08-22</td>
                <td class="message">20170822002</td>
                <td class="message">红月酒楼订购10瓶液化气</td>
                <td class="message">0.00</td>
                <td class="message">1000.00</td>
                <td class="message">851000.00</td>
            </tr>
            <tr>
                <td class="message">4</td>
                <td class="message">2017-08-22</td>
                <td class="message">20170822003</td>
                <td class="message">明月小区4栋909订购1瓶液化气</td>
                <td class="message">0.00</td>
                <td class="message">100.00</td>
                <td class="message">851100.00</td>
            </tr>
            </tbody>
        </table>
        <div nj-pager pager="pager"></div>
    </div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
    <chart1></chart1>
</div>
<script>
    function showNotification() {
        $.notify("账目明细打印成功！.", {
            newest_on_top: true
        });
    }
    var notify = $.notify('<strong>建立连接</strong>.', {
        allow_dismiss: false,
        showProgressbar: true
    });

    setTimeout(function() {
        notify.update({'type': 'success', 'message': '<strong>同步数据</strong>', 'progress': 100});
    }, 2000);
</script>
